跳至内容
  • 首页
  • ES6
  • 高级
    • JavaScript 数组方法
    • JavaScript 字符串方法
    • 正则表达式
    • ES 下一代
  • JS BOM
  • JS DOM
  • Web API
  • Node.js
  • React
  • React Native
  • TypeScript

首页 » DOM » 操作

操作

本节将向您展示如何添加、删除、复制 DOM 元素

删除所有子节点

提供一个辅助函数来删除节点的所有子节点。

获取和设置元素的文本内容

使用 textContent 属性获取或设置元素的文本内容。

获取和设置元素的 HTML 内容

使用 innerHTML 属性获取和设置元素的 HTML。

遍历选定的元素

使用 forEach() 方法和普通的 for 循环遍历选定的元素。

克隆一个元素

克隆一个元素及其所有后代。

在另一个元素之后插入一个元素

在 DOM 树中将一个元素插入另一个元素之后。

在另一个元素之前插入一个元素

在 DOM 树中将一个新元素插入另一个元素之前。

删除一个 DOM 元素

使用 removeChild() 方法从 DOM 树中删除一个元素。

替换一个 DOM 元素

用一个新元素替换一个元素。

创建 DOM 元素

创建一个新元素并将其添加到 DOM 树中。

入门

  • 什么是 JavaScript
  • 安装 JavaScript 代码编辑器
  • 认识开发者工具的控制台选项卡
  • JavaScript Hello World

JavaScript 基础

  • 语法
  • 变量
  • 数据类型
  • 数字
  • 数字分隔符
  • 八进制和二进制字面量
  • 布尔值
  • 字符串
  • 对象
  • 原始值与引用值
  • 数组

JavaScript 运算符

  • 算术运算符
  • 取模运算符
  • 赋值运算符
  • 一元运算符
  • 比较运算符
  • 逻辑运算符
  • 逻辑赋值运算符
  • 空值合并运算符
  • 指数运算符

控制流

  • if
  • if else
  • if else if
  • 三元运算符 (:?)
  • switch case
  • while
  • do while
  • for
  • break
  • continue
  • 逗号运算符

JavaScript 函数

  • 函数
  • 函数是一等公民
  • 匿名函数
  • 理解 JavaScript 中的按值传递
  • 递归函数
  • 默认参数

JavaScript 对象

  • 对象方法
  • 构造函数
  • 原型
  • 构造函数/原型模式
  • 原型继承
  • JavaScript this
  • globalThis
  • 对象属性
  • for…in 循环
  • 可枚举属性
  • 自身属性
  • 工厂函数
  • 对象解构
  • 可选链运算符
  • 对象字面量语法扩展

类

  • 类
  • getter 和 setter
  • 类表达式
  • 计算属性
  • 继承
  • new.target
  • 静态方法
  • 静态属性
  • 私有字段
  • 私有方法
  • instanceof 运算符

高级函数

  • 函数类型
  • call() 方法
  • apply() 方法
  • bind() 方法
  • 闭包
  • 立即执行函数表达式 (IIFE)
  • 返回多个值
  • 箭头函数
  • 箭头函数:该做和不该做
  • 剩余参数
  • 回调

Promise 和 async/await

  • Promise
  • Promise 链
  • Promise.all()
  • Promise.race()
  • Promise.any()
  • Promise.allSettled()
  • Promise.prototype.finally()
  • Promise 错误处理
  • async/await
  • Promise.withResolvers()

JavaScript 模块

  • 模块
  • 动态导入
  • 顶级 await 模块

Javascript 错误处理

  • try…catch
  • try…catch…finally
  • 抛出异常
  • 可选 catch 绑定

JavaScript 运行时

  • 执行上下文
  • 调用堆栈
  • 事件循环
  • 提升
  • 变量作用域

关于 JavaScript 教程

JavaScript 教程网站帮助您快速有效地从头开始学习 JavaScript 编程。

最新教程

  • React Native 抽屉导航
  • React Native 底部选项卡
  • React Native 导航
  • React Native 绝对定位
  • React Native useColorScheme

参考资料

  • 数组方法
  • 字符串方法
  • 正则表达式
  • JavaScript 代码片段

网站链接

  • 捐赠 ❤️
  • 关于
  • 联系
  • 隐私政策

版权所有 © 2024 JavaScript 教程网站。保留所有权利。